<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>搜索</title>
		<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
		<style type="text/css">
			* {
				padding: 0px;
				margin: 0px;
				box-sizing: border-box;
				font-size: 13px;
			}
			
			.se_ss {
				width: 1190px;
				overflow: hidden;
				margin: 0px auto;
			}
			
			.se_ss a {
				text-decoration: none;
			}
			
			.se_ssheadnav {
				width: 1190px;
				overflow: hidden;
				font-size: 14px;
				position: relative;
				display: block;
				margin-bottom: 20px;
			}
			
			.se_ssheadnav i {
				line-height: 30px;
				margin: 0px 5px;
				color: #666666;
			}
			
			.se_ssheadnav .se_ssjieg,
			i,
			dl,
			span {
				line-height: 28px;
				float: left;
			}
			
			.se_navsandd a {
				width: 116px;
				line-height: 26px;
				font-size: 12px;
			}
			
			.se_navsandd {
				border: 1px solid;
				width: 587px;
				height: 230px;
				overflow: hidden;
				display: none;
			}
			
			.se_sstitle {
				float: left;
				width: 600px;
				overflow: hidden;
				margin-left: 10px;
				display: block;
			}
			
			.se_sstitle dt {
				border: 1px solid #DDDDDD;
				text-align: center;
				cursor: pointer;
				overflow: hidden;
			}
			
			.se_sstitle dt a {
				line-height: 28px;
			}
			
			.se_sstitle dt a:hover {
				color: #FF7700;
			}
			
			.se_navsandt {
				width: 136px;
			}
			
			.se_navpdt {
				width: 96px;
			}
			
			.se_sstitle a {
				color: #333333;
			}
			
			.se_ssheadnav span {
				color: #999999;
			}
			
			.se_navpdd {
				display: none;
			}
			
			.se_snavrg {
				width: 300px;
				float: right;
				display: block;
			}
			
			.se_sshaxuan {
				width: 100px;
				border: 1px solid #E9E9E9;
				float: right;
				line-height: 26px;
				margin-left: 50px;
				color: #333333;
				text-align: center;
				cursor: pointer;
			}
			
			.se_sshaxuan:hover {
				color: #FFAA00;
			}
			
			.se_show {
				width: 1188px;
				overflow: hidden;
			}
			
			.se_sphone {
				width: 898px;
				overflow: hidden;
				float: left;
			}
			
			.se_sphone div {
				float: left;
				width: 112px;
				text-align: center;
				border: 1px solid #EAEAEA;
			}
			
			.se_sphone div img {
				width: 88px;
				height: 30px;
				cursor: pointer;
			}
			
			.se_sxq {
				width: 112px;
				padding-left: 20px;
				line-height: 30px;
				color: #BEBEBE;
				font-size: 12px;
			}
			
			.se_stu {
				width: 1074px;
				padding: 5px 20px;
			}
			
			.se_stu span {
				width: 50px;
				border: 1px solid #EEEEEE;
				float: right;
				line-height: 18px;
				color: #333333;
				margin: 5px 7px 0px 0px;
				cursor: pointer;
				font-size: 12px;
			}
			
			.se_stu span:hover {
				color: #F7B401;
			}
			
			.se_sxq label {
				position: relative;
				bottom: 30px;
			}
			
			.se_ska {
				width: 1074px;
				overflow: hidden;
				display: block;
				padding-left: 20px;
			}
			
			.se_ska li {
				font-size: 12px;
				list-style-type: none;
				color: black;
				float: left;
				line-height: 30px;
				overflow: hidden;
				margin-left: 20px;
			}
			
			.se_hd {
				display: block;
				width: 1190px;
				overflow: hidden;
				margin: 20px 0px;
			}
			
			.se_ssby {
				width: 1190px;
				border: 1px solid red;
				overflow: hidden;
			}
			
			.se_ssbylf {
				border: 1px solid darkcyan;
				width: 190px;
				float: left;
				margin-right: 10px;
				overflow: hidden;
			}
			
			.search_top_ad {
				width: 190px;
				margin-bottom: 10px;
			}
			
			.search_top_ad img {
				width: 100%;
			}
			
			.se_ssbyrg {
				width: 988px;
				float: right;
				overflow: hidden;
			}
			
			.se_ssbyrghead {
				margin-top: 10px;
				width: 990px;
				border: 1px solid red;
				overflow: hidden;
				background-color: #F6F6F6;
			}
			

				
	
			
			.se_ssmpxl {
				padding-top: 2px;
				width: 185px;
				overflow: hidden;
				text-align: center;
				float: left;
				background-color: white;
			}
			
			.se_ssmpxl a {
				border: 1px solid #DEDEDE;
				float: left;
				width: 46px;
				color: #999999;
				display: block;
				line-height: 25px;
				color: black;
			}
			
			.se_ssmpxl a:hover {
				color: #FF7700;
				border: 1px solid #FF7700;
			}
			
			#se_smoren {
				color: white;
				border: 1px solid #FF7700;
				background-color: #FF7700;
			}
			
			.se_sshd {
				float: left;
				margin-left: 50px;
				width: 175px;
				border: 1px solid red;
				overflow: hidden;
			}
			
			.se_sshd span {
				margin-right: 10px;
			}
			.se_ssh {
				float: left;
				width: 300px;
				border: 1px solid;
				overflow: hidden;
			}
			.se_ssh a{
				float: left;
				
			}
			.se_ssh span{
				color: #333333;
			}
			.se_ssh a b{
				display: block;
				width: 10px;
				height: 10px;
				border: 1px solid;
				margin:0px 5px;
				margin-top: 10px;
				overflow: hidden;
				float: left;
				color: #CCCCCC;
			}
			.se_sys span{
				border: 1px solid;
				width: 70px;
			}
			.se_sys span label{
			color: #EEA200;
			}
			.se_sys{
				float: right;
				text-align: center;
			}
			.se_sys a{
				float: left;
				display: block;
				border: 1px solid;
				width: 40px;
				padding: 0px 15px;
				overflow: hidden;
			
			}
		</style>
	</head>

	<body>
		<section class="se_ss">
			<div class="se_ssheadnav">
				<div class="se_hd">
					<div class="se_sstitle">
						<a href="#" class="se_ssjieg">全部结果</a>
						<i class="iconfont">&#xe6d7;</i>
						<dl class="se_snavdlf">
							<dt class="se_navsandt"><a href="#">手机/数码/配件</a></dt>
							<dd class="se_navsandd">
								<a href="#">皮具箱包</a>
								<a href="#">电脑/办公/外设</a>
								<a href="#">图书</a>
								<a href="#">期刊杂志</a>
								<a href="#">运动户外</a>
								<a href="4#"> 汽车用品</a>
								<a href="#"> 音像</a>
								<a href="#"> 大家电</a>
								<a href="#"> 家居/日用/厨具</a>
								<a href="#"> 电子/电工</a>
								<a href="#"> 厨卫电器 生活电器</a>
								<a href="#"> 玩具</a>
								<a href="#"> 五金/工具</a>
								<a href="#">钟表/礼品/乐器</a>
								<a href="#"> 家装主材</a>
								<a href="#"> </a>
								<a href="#"> import Books 进口图书</a>
								<a href="#">服装鞋帽</a>
								<a href="#">帮客服务</a>
								<a href="#">百万孕妈专区</a>
								<a href="#">新奇特</a>
								<a href="#"> 护肤 清洁 面膜</a>
								<a href="#">珠宝</a>
								<a href="#"> 家具</a>
								<a href="#"> 喂养用品</a>
								<a href="#">食品保健/酒水饮料</a>
								<a href="#">电子书刊</a>
								<a href="#"> 童装童鞋</a>
								<a href="#"> 尿裤/湿巾</a>
								<a href="#"> 彩妆 工具 美甲</a>
								<a href="#"> 基础建材/装修服务</a>
								<a href="#"> 童车童床</a>
								<a href="#"> 香水 香氛 精油</a>
								<a href="#"> 美发 染烫 口腔</a>
								<a href="#"> 沐浴 手足</a>
								<a href="#"> 工艺品</a>
								<a href="#">手机</a>
							</dd>
						</dl>
						<i class="iconfont">&#xe6d7;</i>
						<dl>
							<dt class="se_navpdt"><a href="#">手机通讯</a></dt>
							<dd class="se_navpdd">
								<a href="#"> 手机配件</a>
								<a href="#"> 智能设备</a>
								<a href="#"> 影音电子</a>
								<a href="#"> 数码配件</a>
								<a href="#"> 运营商</a>
								<a href="#"> 摄影摄像</a>
								<a href="#">电子教育</a>
							</dd>
						</dl>
						<i class="iconfont">&#xe6d7;</i>
						<a href="#" class="se_ssjieg">手机</a>

						<i class="iconfont">&#xe6d7;</i>
						<span>手机</span>
					</div>
					<div class="se_snavrg">
						<span>共有<b>13456</b>个结果</span>
						<div class="se_sshaxuan">显示筛选</div>
					</div>
				</div>
				<div class="se_show">
					<table border="1px" cellspacing="0" cellpadding="0" style="color: #DDDDDD;">
						<tr>
							<td class="se_sxq"><label>品牌</label></td>
							<td class="se_stu">
								<div class="se_sphone">
									<div><img src="img/suning_sousuo/0021_90x30.jpg" /></div>
									<div><img src="img/suning_sousuo/0DER_90x30.jpg" /></div>
									<div><img src="img/suning_sousuo/0864_90x30.jpg" /></div>
									<div><img src="img/suning_sousuo/0864_90x30.jpg" /></div>
									<div><img src="img/suning_sousuo/1389_90x30.jpg" /></div>
									<div><img src="img/suning_sousuo/0115_90x30.jpg" /></div>
									<div><img src="img/suning_sousuo/8D78_90x30.jpg" /></div>

									<div><img src="img/suning_sousuo/J667_90x30.jpg" /></div>
									<div><img src="img/suning_sousuo/1459_90x30.jpg" /></div>
									<div><img src="img/suning_sousuo/J675_90x30.jpg" /></div>

									<div><img src="img/suning_sousuo/0860_90x30.jpg" /></div>
									<div><img src="img/suning_sousuo/6495_90x30.jpg" /></div>
									<div><img src="img/suning_sousuo/K516_90x30.jpg" /></div>
									<div><img src="img/suning_sousuo/0BEC_90x30.jpg" /></div>
									<div><img src="img/suning_sousuo/3G49_90x30.jpg" /></div>
									<div><img src="img/suning_sousuo/0132_90x30.jpg" /></div>

								</div>
								<span>多选</span>
								<span>更多</span>
							</td>
						</tr>
						<tr>
							<td class="se_sxq">网络制式</td>
							<td>
								<ul class="se_ska">
									<li> 移动4G</li>
									<li> 联通4G</li>
									<li>电信4G</li>
									<li>移动3G</li>
									<li>联通3G</li>
									<li>电信3G</li>
									<li>电信2G</li>
									<li>移动2G/联通2G</li>
									<li>其他</li>
									<li>移动2G</li>
									<li> 联通2G</li>
								</ul>

							</td>
						</tr>
						<tr>
							<td class="se_sxq">价格</td>
							<td>
								<ul class="se_ska">
									<li> 0-200</li>
									<li>400-700</li>
									<li> 700-1400</li>
									<li> 1400-2400</li>
									<li>2400-4000</li>
									<li>4000以上</li>
								</ul>
							</td>
						</tr>
						<tr>
							<td class="se_sxq">选购热点</td>
							<td>
								<ul class="se_ska">
									<li>以旧换新</li>
									<li>双卡双待</li>
									<li> 大屏手机</li>
									<li> 指纹识别</li>
									<li> 老人手机</li>
									<li> 女性手机</li>
									<li> 快速充电</li>
									<li> 极速上网</li>
									<li> 拍照神器</li>
									<li>三防手机</li>
									<li>儿童手机</li>
									<li>超薄机身</li>
									<li> 反应快</li>

								</ul>
							</td>
						</tr>
						<tr>
							<td class="se_sxq">其他选项</td>
							<td>
								<ul class="se_ska">
									<li>屏幕尺寸</li>
									<li>手机CPU</li>
									<li>运行内存</li>
									<li>颜色</li>
									<li>像素</li>
									<li>操作系统</li>
								</ul>
							</td>
						</tr>
					</table>

				</div>
			</div>
			<!--主体部分-->
			<div class="se_ssby">
				<!--主体左-->
				<div class="se_ssbylf">
					<div class="se_sslfhead">
						<img src="img/suning_sousuo/search_top_ad.jpg" />
					</div>
					<div class="se_sslfatc">
						<div></div>
					</div>

				</div>
				<!--主体右-->
				<div class="se_ssbyrg">
					<div class="se_ssbyrghead">
						<div class="se_ssmpxl">
							<a href="#" id="se_smoren" title="默认排序">默认</a>
							<a href="#" title="销量从高到低排序">销量</a>
							<a href="#" title="评价从高到低排序">评价</a>
							<a href="#" title="价格从高到低排序">价格</a>
						</div>
						<div class="se_sshd">
							<span>收货</span><span><select>
								<option>天津</option>
							</select></span>
						</div>
						<div class="se_ssh">
							<a href="#"><b></b><span>有货商品</span></a>
							<a href="#"><b></b><span>苏宁服务</span></a>
							<a href="#"><b></b><span>海外购</span></a>
							<a href="#"><b></b><span>促销</span></a>

						</div>
						<div class="se_sys">
							<span><label>1</label>/100</span>
							<a><i class="iconfont">&#xe674;</i></a>
							<a><i class="iconfont">&#xe679;</i></a>
						</div>
					</div>
				</div>

			</div>
		</section>
	</body>

</html>